// 更改elementui的主题颜色
// https://juejin.cn/post/7296335548772270119
$primary-color: #ffd900;

@forward 'element-plus/theme-chalk/src/common/var.scss' with ($colors: ('primary': ( // 主色
      'base': $primary-color,
    ),
    // 'success': (
    //   // 成功色
    //   'base': #1dc779,
    // ),
    // 'warning': (
    //   // 警告色
    //   'base': #ffb302,
    // ),
    // 'danger': (
    //   // 危险色
    //   'base': #e26237,
    // ),
    // 'error': (
    //   // 错误色
    //   'base': #cf4444,
    // ),
  ),
);

#nprogress {
  $color: $primary-color; // 自定义颜色

  .bar {
    background: $color;
    height: 3px;
  }

  .peg {
    box-shadow: 0 0 10px $color, 0 0 5px $color;
  }

  .spinner-icon {
    border-top-color: $color;
    border-left-color: $color;
  }
}

.el-collapse {
  --el-collapse-header-height: 50px !important;
  --el-collapse-header-font-size: 1rem !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.el-collapse-item__header {
  font-weight: bold !important;
  border-bottom: 1px solid var(--color-border) !important;
  padding-left: 1rem !important;
  background-color: #f8f7f3 !important;
  margin-top: 1rem !important;
  border: 1px solid var(--color-border) !important;
  line-height: 1.3rem !important;
  text-align: left;
}

.el-collapse-item__wrap {
  padding: 0 1rem !important;
  border: 1px solid var(--color-border) !important;
  border-top: none !important;
}

.el-dropdown:hover {
  border: none;
}

.el-button {
  color: black;
}

.el-button:hover {
  color: gray;
}

:root {
  --swiper-theme-color: #f5d623 !important;
}